<template>
	<view class="page">
		<uni-list>
			<uni-list-chat v-for="one in list" :key="one.id" :title="one.senderName"
				:note="one.msg" :avatar="one.senderPhoto" badgePositon="left"
				:badgeText="one.readFlag?'':'dot'" link="navigateTo"
				:to="'../message/message?id=' + one.id + '&readFlag=' + one.readFlag + '&refId=' + one.refId">
				<view class="chat-custom-right">
					<text class="chat-custom-text">{{one.sendTime}}</text>
				</view>
			</uni-list-chat>
		</uni-list>
	</view>
</template>

<script>
	import uniList from '@/components/uni-list/uni-list.vue';
		import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
	
		export default {
			components:{
				uniList,
				uniListItem
			},
			data() {
				return {
					page:1,
					length:20,
					list:[],
					isLastPage:false   //是否翻到最后一页
				}
			},
			
			onShow:function(){
						let that=this
						that.page=1
						that.isLastPage=false
						uni.pageScrollTo({
							scrollTop:"0"
						})
						that.loadMessageList(that)
			},
				onReachBottom:function(){
						let that=this
						if(that.isLastPage){
							return
						}
						that.page=that.page+1
						that.loadMessageList(that)
		},
			
		methods: {
					loadMessageList:function(ref){
							let data={
								page:ref.page,
								length:ref.length
							}
							ref.ajax(ref.url.searchMessageByPage,"POST",data,function(resp){
								let result=resp.data.result
								if(result==null||result.length==0){
									ref.isLastPage=true
									ref.page=ref.page-1
									uni.showToast({
										icon:"none",
										title:"已经到底了"
									})
								}
								else{
									if(ref.page==1){
										ref.list=[]
									}
									ref.list=ref.list.concat(result)
									if(ref.page>1){
										uni.showToast({
											icon:"none",
											title:"又加载了"+result.length+"条消息"
										})
									}
								}
							})
						}
			
		}
	}
</script>

<style lang="less">
	@import url("message_list.less");

</style>
